<template>
    <div class="rec">
        <!-- <div class="rec_t"> -->
<h5>川和潮人(理想店)</h5>
        <!-- </div> -->
        <div class="rec_m">
        <ul>
            <li class="star"><span>★</span></li>
            <li class="star"><span>★</span></li>
             <li class="star"><span>★</span></li>
              <li class="star"><span>★</span></li>
               <li class="star"><span>★</span></li>
            
        </ul>
        
            <p>11.4km IFS/香槟广场</p>
        </div>
    </div>
</template>
<script>
export default {
    name:"BeautyMidb.vue"
}
</script>
<style scoped>
.rec{
    width: 100%;
     border-top: .02rem solid #c1b7b7;
}

.rec h5{
    float: left;
    font-size: 15px;
    
}
.rec_m{ 
     
    padding-top: 20px;
}
.rec_m ul{
    /* padding-top: .5rem; */
  float: left;
  padding: 50px,30px;

}
.rec_m li{
    display: inline-block;
    margin-right: .06rem;

}
.rec_m span{
    color: orange;
    font-size: 25px;
}
.rec_m p{
    padding-top: 10px;
   float: right;
}
</style>
